﻿#modalOverlay
{
	display:none;
	position:absolute; 
	z-index:999;  
	width:100%; 
	filter:alpha(opacity=30);opacity:0.3;
	background-color:Black;

}

#modalMessage
{
	display:none;
	position:absolute; 
	z-index:1000;  
	width:300px; 
	height:auto;
	border:solid 8px #ecf78b;
	background-color:#5e88b1;
	top:40%;
	left:40%;
	min-height:60px;
	border-radius:16px;/*may be re-usable so not in roundness css*/
}

#modalTitle
{
	height:20px;
	background-color:#ecf78b; 
	color:#507497;
	padding:5px; 
	font-weight:bold;
}

#modalClose
{
	position:relative;
	text-align:center;
	top:-40px;
	left:263px;
	width:20px;
	color:#b05757; 
	border:solid 3px #b05757;
	padding:0 3px 0 3px; 
	font-weight:bold;
	cursor: pointer;
	background-color:#eee2e2;
	border-radius:20px;/*may be re-usable so not in roundness css*/
}

#modalContent
{
	margin:5px;
	color:white;
	padding:5px; 
	font-weight:300;
}